var license = new Vue({
    data () {
        return {
            nowYear: '',
            applyData: {
                applyCode: 'qqq',
                authorizeCode: '',
                uuid: '',
            },
            registerdata: {
                userName: '',
                password: '',
                confirmPassword: ''
            },
            forgetdata: {
                email: ''
            },
            captchaPath: '',
            SEPARATION: 100,
            AMOUNTX: 60,
            AMOUNTY: 60,
            container: null,
            camera: null,
            scene: null,
            renderer: null,
            particles: null,
            particle: null,
            count: 0,
            mouseX: 0,
            mouseY: 0,
            windowHalfX: 0,
            windowHalfY: 0,
            interVal: null
        }
    },
    created () {
        // this.getCaptcha()
        this.getApplyCode();
        this.nowYear = new Date().getFullYear();
        // this.checkLicense()
        this.windowHalfX = window.innerWidth / 2
        this.windowHalfY = window.innerHeight / 2
        if (this.interVal != null) {
            clearInterval(this.interVal)
            this.interVal = null
        }
    },
    mounted () {
        // this.init()
        // this.animate()
    },
    beforeDestroy () {
        // console.log('页面切换调整 - 销毁3D动画')
        if (this.interVal !== null) {
            clearInterval(this.interVal)
            this.interVal = null
        }
        document.body.removeChild(this.container)
        this.container = null
    },
    methods: {
        //
        checkLicense () {
            window.location.href = "/checkLicense?authorizeCode=" + this.applyData.authorizeCode
            // window.location.href = "/toLicense"
            return
            //
            // this.$http({
            //     url: this.$http.adornUrl('/authorize/checkLicense'),
            //     method: 'get',
            // }).then(({ data }) => {
            //     if (data && data.code === 0) {
            //         // this.$cookie.set('token', data.token)
            //         // sessionStorage.setItem('token', JSON.stringify(data.token))
            //         this.$router.replace({ name: 'aidaroeHome' })
            //     } else {
            //         this.getApplyCode()
            //         this.$message.error(data.msg)
            //     }
            // })
        },

        //
        authLogin() {
            $.ajax({
                url: '/authLogin',
                dataType: "json",
                type: "GET",
                success: res => {
                    this.applyData.applyCode = res.license;
                },
                error: err => {
                    console.log(err)
                }
            })
            this.$http({
                url: "/authLogin",
                method: 'post',
                data: {
                    'authorizeCode': this.applyData.authorizeCode,
                },
            }).then(({ data }) => {
                if (data && data.code === 0) {
                    // this.$cookie.set('token', data.token)
                    // sessionStorage.setItem('token', JSON.stringify(data.token))
                    this.$router.replace({ name: 'aidaroeHome' })
                } else {
                    this.getApplyCode()
                    this.$message.error(data.msg)
                }
            })
        },

        //获取申请码
        getApplyCode() {
            $.ajax({
                url: '/getApplyCode',
                dataType: "json",
                type: "GET",
                success: res => {
                    this.applyData.applyCode = res.license;
                },
                error: err => {
                    console.log(err)
                }
            })
        },

        //
        // init () {
        //     // 创建容器
        //     if (this.container === null) {
        //         this.container = document.createElement('div')
        //         this.container.id = 'three'
        //         // 将容器添加到页面上
        //         document.body.appendChild(this.container)
        //     }
        //     if (this.scene === null) {
        //         // 创建场景
        //         this.scene = new THREE.Scene()
        //         // 创建透视相机设置相机角度大小等
        //         this.camera = new THREE.PerspectiveCamera(
        //             120,
        //             window.innerWidth / window.innerHeight,
        //             1,
        //             1500
        //         )
        //         // 设置相机位置
        //         this.camera.position.set(0, 450, 2000)
        //     }
        //     this.particles = []
        //
        //     var PI2 = Math.PI * 2
        //     // 设置粒子的大小，颜色位置等
        //     var material = new THREE.ParticleCanvasMaterial({
        //         color: 0x0f96ff,
        //         vertexColors: true,
        //         size: 4,
        //         program: function (context) {
        //             context.beginPath()
        //             // 画一个圆形。此处可修改大小。
        //             context.arc(0, 0, 0.01, 0, PI2, true)
        //             context.fill()
        //         }
        //     })
        //     // 设置长条粒子的大小颜色长度等
        //     var materialY = new THREE.ParticleCanvasMaterial({
        //         color: 0xffffff,
        //         vertexColors: true,
        //         size: 1,
        //         program: function (context) {
        //             context.beginPath()
        //             // 绘制渐变色的矩形
        //             var lGrd = context.createLinearGradient(-0.008, 0.25, 0.016, -0.25)
        //             lGrd.addColorStop(0, '#16eff7')
        //             lGrd.addColorStop(1, '#0090ff')
        //             context.fillStyle = lGrd
        //             // 注意此处的坐标大小
        //             context.fillRect(-0.008, 0.25, 0.016, -0.25)
        //             // 绘制底部和顶部圆圈
        //             context.fillStyle = '#0090ff'
        //             // 绘制底部圆
        //             context.arc(0, 0, 0.008, 0, PI2, true)
        //             context.fillStyle = '#16eff7'
        //             // 绘制顶部圆圈
        //             context.arc(0, 0.25, 0.008, 0, PI2, true)
        //             context.fill()
        //             context.closePath()
        //             // 绘制顶部渐变色光圈
        //             var rGrd = context.createRadialGradient(0, 0.25, 0, 0, 0.25, 0.025)
        //             rGrd.addColorStop(0, 'transparent')
        //             rGrd.addColorStop(1, '#16eff7')
        //             context.fillStyle = rGrd
        //             // 绘制一个圆圈
        //             context.arc(0, 0.25, 0.025, 0, PI2, true)
        //             context.fill()
        //         }
        //     })
        //     // 循环判断创建随机数选择创建粒子或者粒子条
        //     var i = 0
        //     for (var ix = 0; ix < this.AMOUNTX; ix++) {
        //         for (var iy = 0; iy < this.AMOUNTY; iy++) {
        //             var num = Math.random() - 0.1
        //             if (num > 0) {
        //                 this.particle = this.particles[i++] = new THREE.Particle(material)
        //             } else {
        //                 this.particle = this.particles[i++] = new THREE.Particle(materialY)
        //             }
        //             this.particle.position.x =
        //                 ix * this.SEPARATION - (this.AMOUNTX * this.SEPARATION) / 2
        //             this.particle.position.z =
        //                 iy * this.SEPARATION - (this.AMOUNTY * this.SEPARATION) / 2
        //             this.scene.add(this.particle)
        //         }
        //     }
        //     this.renderer = new THREE.CanvasRenderer()
        //     this.renderer.setSize(window.innerWidth, window.innerHeight)
        //     this.container.appendChild(this.renderer.domElement)
        //     window.addEventListener('resize', this.onWindowResize, false)
        // },
        // onWindowResize () {
        //     this.windowHalfX = window.innerWidth / 2
        //     this.windowHalfY = window.innerHeight / 2
        //     this.camera.aspect = window.innerWidth / window.innerHeight
        //     this.camera.updateProjectionMatrix()
        //     this.renderer.setSize(window.innerWidth, window.innerHeight)
        // },
        // animate () {
        //     // requestAnimationFrame(this.animate)
        //     if (this.interVal == null) {
        //         this.interVal = setInterval(() => {
        //             this.render()
        //         }, 5)
        //     } else {
        //         clearInterval(this.interVal)
        //         this.interVal = setInterval(() => {
        //             this.render()
        //         }, 5)
        //     }
        // },
        // // 将相机和场景渲染到页面上
        // render () {
        //     let i = 0
        //     // 更新粒子的位置和大小
        //     for (let ix = 0; ix < this.AMOUNTX; ix++) {
        //         for (let iy = 0; iy < this.AMOUNTY; iy++) {
        //             this.particle = this.particles[i++]
        //             // 更新粒子位置
        //             this.particle.position.y =
        //                 Math.sin((ix + this.count) * 0.3) * 50 +
        //                 Math.sin((iy + this.count) * 0.5) * 50
        //             // 更新粒子大小
        //             // 正常情况下再放大100倍*1200
        //             this.particle.scale.x = this.particle.scale.y = this.particle.scale.z =
        //                 ((Math.sin((ix + this.count) * 0.3) + 1) * 4 +
        //                     (Math.sin((iy + this.count) * 0.5) + 1) * 4) *
        //                 50
        //         }
        //     }
        //     this.renderer.render(this.scene, this.camera)
        //     this.count += 0.1
        // }
    }
});